<template>
    <div class="m-group" :style="{'margin-top': gutter_}">
        <slot></slot>
    </div>
</template>
<script>
  const rootPx = 58.59375
  const pxTorem = px => px / rootPx + 'rem'
  export default {
    props: {
      gutter: {
        default: 12
      },
      labelWidth: {
        type: [String, Number],
        default: 120
      },
      align: {
        default: 'left'
      }
    },
    data () {
      return {
        labelWidth_: pxTorem(this.labelWidth),
        gutter_: pxTorem(this.gutter)
      }
    },
    created () {

    },
    computed: {},
    methods: {},
    components: {}
  }
</script>
<style type="text/scss" lang="scss" scoped>
    @import '../../css/variable';
    .m-group{
        .m-group-item {
            border-top: 1px solid $border-tint;
            &:first-child {
                border-top: 1px solid $border-tint;
            }
        }
    }
</style>
